<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#box1
			{
				width: 100px;
				height: 100px;
				background-color: aqua;
				position: absolute;
				
			}
			#box2
			{
				width: 100px;
				height: 100px;
				background-color: aqua;
				position: absolute;
				top: 200px;
				
			}
		</style>
		<script type="text/javascript" src="../js/133定时器的应用3.js">
		
		</script>
		
		<script type="text/javascript">
			window.onload=function()
			{
				var btn05=document.getElementById("btn05");
				var box2=document.getElementById("box2");
				move(box2,20,800,"left",function()
				{
					  //样式的引入究竟应该怎么搞
				})
			}
		</script>
	
	</head>
	<body style="width: 2000px; height: 2000px;">
		<div style="width: 0;height: 900px; border-left: 1px black solid; top: 0px; left: 900px; position: absolute;"></div>
		<div style="width: 900px;height: 0px; border-top: 1px black solid; top: 900px; left: 0px; position: absolute;"></div>
		<button id="btn01">向右</button>
		<button id="btn02">向左</button>
		<button id="btn03">向上</button>
		<button id="btn04">向下</button>
		<button id="btn05">测试</button>
		<br><br><br>
		<div id="box1"></div>
		<div id="box2"></div>
	</body>
</html>